@charset "utf-8";

@import "comon";

@function n($px){
    @return($px)/2;
}

$color:#b20000;


main{
    .slider{
        width: 100%;
        position: relative;
        overflow: hidden; 
        margin-bottom: n(30px);
        .bg_img{            
            img{
                display: block;
                width: 100%;          
            }          
        }
        .slider_bottom{
            height:n(105px);
            width: 100%;
            margin:0 auto;
            position: absolute;
            bottom: 0;
            left: 0;
            background: rgba(0,0,0,.4);
            color: #fff;  
            .main{
                margin: 0 auto;
                width: n(596px);
            }       
            .slider_p{
                font-size:n(27px);
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
                padding: n(24px) n(25px) n(0px) n(28px);
            }
            .slider_last{
                font-size: n(18px);
                height: n(50px);
                padding: n(10px) n(20px) 0 n(28px);
                position: relative;
                .heart_w{ 
                    padding-right: 6%;
                    float: left;
                    img{
                       height: n(19px);
                       width: n(18px);
                       vertical-align: middle;
                    }
                  
                }
                .eye{
                    float: left;
                    img{
                        height: n(12px);
                        width: n(22px);
                        vertical-align: middle;
                    }
                }
                .dot{
                    float: left;
                    position: absolute;
                    text-align: center;
                    width: 93%;
                    span{   
                        display: inline-block;                  
                        width: n(10px);
                        height: n(10px);
                        border-radius: 50%;
                        background: #cec0b4;
                        margin-right: n(10px);
                        
                    }
                    .on{
                        background: $color;
                    }
                    
                }
                .time{               
                    float:right ;
                }
                                                
            }
        }       
        
    }
    .matter{
        position: relative;
        font-size: n(25px);
        width: n(600px);
        margin: 0 auto;
        padding:0 n(28px);
        .matter_left{          
            width: n(330px);                   
            float: left; 
            p{ 
                overflow: hidden; 
                text-overflow: ellipsis;
                height: n(68px);
                padding-bottom: n(30px);                 
            } 
            .little_left{               
                color: #c5c5c5;  
                height: n(70px);
                line-height: n(70px);
                padding-right: n(16px);          
                .little_l{
                    float: left;
                    font-size: n(18px);                 
                    .heart_r{
                        float: left; 
                        vertical-align: middle;                      
                        img{
                           height: n(19px);
                           width: n(18px);
                           vertical-align: middle;
                        }
                    }
                } 
                .little_r{
                    float: right;
                    .font_20{
                        font-size: n(20px);
                    }
                    .font_21{
                        font-size: n(21px);
                    }
                }
            }         
        }
        .matter_right{
            width: n(208px); 
            float: right;
            img{
                width:n(208px);
                height:n(116px);
            }                    
        }
    }
    .line{
        border-top: 1px solid #f1f1f1;
        width: 85%;
        margin:auto;
        margin-bottom: n(25px);
    }
    .contact{
        padding-top: n(25px);
        background: #f5f5f5;
        width: 100%;
        margin-top: n(35px);
        margin-bottom: n(35px);
    }
    .shangxia{
        position: relative;
        font-size: n(25px);
        width: n(600px);
        margin: 0 auto;
        text-align: center;
        padding:0 n(28px);
        margin-bottom: n(50px);
        p{
            font-size:n(25px);
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }
        .middle{
            padding-top: n(20px);
            img{
                height: n(123px);
                width: n(175px);
                display: block;
            }
            .middle_l{
                float: left;
            }
            .middle_c{
                display: inline-block;
            }
            .middle_r{
                float: right;
            }
        }
        .xia{
            height:n(45px);
            line-height: n(45px);
            .xia_l{
                color: #c5c5c5;
                font-size: n(18px);  
                float: left;
                .portrait{ 
                    float: left; 
                    padding-right:n(20px) ;                                   
                    img{
                        height: n(27px);
                        width: n(27px);
                        border-radius: 50%;
                        vertical-align: middle;
                    }
                }
                .talk{
                    float: left;
                    padding-right: n(15px);
                    img{
                        width: n(18px);
                        height: n(16px);
                        vertical-align: middle;
                    }
                }
                .heart_r{
                        float: left; 
                        vertical-align: middle;                      
                        img{
                           height: n(19px);
                           width: n(18px);
                           vertical-align: middle;
                        }
                }               
            }
            .xia_r{
                float: right;
                color: #c5c5c5;
                .font_20{
                    font-size: n(20px);
                }
                .font_21{
                    font-size: n(21px);
                }
                
            }
        }       
    }
    .down_bottom{
        color: #bbbbbb;
        font-size: n(22px);
        width: 85%;
        margin: auto;
        text-align: center;
        border-top: 1px solid #BBBBBB;
        padding:n(12px) 0;
    }
    
    .gimc_bg{
        margin-top: 1%;
        text-align: center;
        width: 100%;
        img{
            width: 100%;
            vertical-align: middle;
        }
    }
    .gimc_top{
        height: n(116px);
        background: #f5f5f5;
        ul{
            font-size: n(26px);
            
            li{
                float: left;
                width: 33.3333%;
                height: n(88px);
                text-align: center;
                line-height:n(88px); 
                border-bottom: 1px solid #dfdfdf; 
                margin-top: n(6px); 
                a{
                    color: #8b8b8b;
                    width: 100%;
                    height: 100%;
                    display: block;
                }            
            }
            .gimc_li_red{                    
                    background: #b20000;
                    a{
                        color: #fff;
                    }
                }
        }
    }
    .gimc_text{
        color: #8b8b8b;
        padding: 3% 2% 0 3%;
        font-size: n(20px);
        text-align: left;
        text-indent: 2em;
    }
    .line_gimc{
        width: 94%;
        border-bottom: 1px solid #e4e4e4;
        padding-top: n(24px);
        margin: auto;
        margin-bottom: n(13px);
    }
    .gimc_video{
        background: url(../img/images/video_05.jpg) no-repeat center/100%;
        width: 95%;
        margin: auto;
        height: n(334px);
        text-align: center;
        line-height: n(334px);
        position: relative;
        margin-top: n(25px);
        .video_btn{
            width: n(50px);
            height: n(50px);
            text-align: center;
            line-height: n(50px);
            background:rgba(0,0,0,.4);
            position: absolute;
            border-radius: 5px;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
            img{
                width: n(26px);
                height: n(29px);
            }
        }
    }
    .development{
        height: n(80px);
        line-height: n(80px);
        width: 95%;
        margin: auto;
        background: $color;
        color: #fff;
        font-size: n(30px);
        .icon-jiahao{
            float: left;
            padding-left: 2%;
            padding-right: 2%;
        }
        .icon-rili{
            float: right;
            padding-right: 2%;
        }
    }
    .gimc_ul{
        width: 95%;
        margin: auto;
        position: relative;
        .line_bg{
            position: absolute;
            width: n(4px);
            height: 100%;
            background:#d0dbdc;
            left: 2%;
            top: 0;
            padding-left: 0;
            margin-left: 7px;
            z-index: 2;
        }        
        li{
            position: relative;
             padding-left: 9%;
            .gimc_ph{
               
                padding-top: n(33px);
                font-size: n(32px);
                color: #313131;
            }
            .gimc_pr{
                font-size: n(20px);
                color: #b20000;
                padding-bottom: n(20px);
            }
            .icon-position{
                z-index: 111;
                position: absolute;
                top: 37%;
                left: 2%;
            }
        }
        

    }
    .gimc_ul li:nth-child(2n+1){
        background: #f3f3f3;
        color:#b20000;
    }
    .gimc_ul li:nth-child(2n){
        color: #C5C5C5 ;
    }
    .down_bot{
        color: #bbbbbb;
        font-size: 11px;
        width: 95%;
        margin: auto;
        text-align: center;
        border-top: 1px solid #BBBBBB;
        padding: 6px 0;
    }
    
    
    .main .slider_essay{
        .zhuanye{
            background: $color;
        }
    }
    .essay_main{
        width: n(583px);
        margin: auto;
        background: red;
        ul{
            li{
                margin-bottom: 10px;
                background: #f6f6f6;
                float: left;
                width: 142px;
                font-size: 9px;
                color: #dfdfdf;
                img{
                   height: 91px;
                   width: 100%;
                }
                .li_p{
                    padding-left: 3px;
                    padding-right: 3px;
                    font-size: 11px;
                    color: #010101;
                    word-break: break-all;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                    overflow: hidden;
                }
                .li_center{
                    padding: 7px 3px;
                    span{
                        font-size: 10px;
                    }
                    .marketing{
                        background: $color;
                        color: #fff;
                        padding: n(5px) 12px n(5px) 12px;
                        border-radius: 3px;                       
                    }
                    .icon-xinxing,.icon-yj{
                            font-size: 12px;
                            vertical-align: middle;
                    }                    
                }
                .li_bottom{
                    padding: 3px;
                    .icon-morennvshengtouxiang{
                        font-size: 16px;
                        vertical-align: middle;
                    }
                }
            }
        }
    }
    .essay_main li:nth-child(2n){
        float: right;
    }
    .resource_subject{
        width: n(583px);
        margin: auto;
        h3{
            font-size: 15px;
            color: #010101;
            margin-top: n(41px);
        }
        span{
            font-size: 11px;
            color: #c5c5c5;           
        }
        .icon-yj{
            font-size: 16px;
            color:#cacaca;
            vertical-align: middle;
        }
        .tengxun{
            margin-top: 25px;
        }
        p{
            font-size: 11px;
            color: #8b8b8b;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: normal;
        }
        .resource_bg{
            margin-top: 13px;
            margin-bottom: n(37px);
            padding-bottom: 14px;
            border-bottom: 1px solid #e6e6e6;
            img{
               height: n(337px);
               width: 100%; 
            }
        }
        .relationway{
            font-size:n(28px);
            color: #8e8d8d;
        }
    }
    .relation{
        height: n(152px);
        background: $color;
        width:100%;
        margin-top: n(7px);
        li{ 
            text-align: center;
            margin-top: 8px;
            height: n(117px);
            width: 33.33%;
            float: left;
            .iconfont{
                color: #fff;               
            }
            .bao_relation{
                height: 100%;
                text-align: center;
                margin-top: n(17px);
                p{
                    font-size: n(22.5px);
                    color: #fff;
                    padding-top: 4px;
                }
                
            }
            
        }
        .border_li{
            border-right: 1px solid #fff;
            border-left: 1px solid #fff;
        }
    }
    .margin-bottom{
        margin-top: -15px;
    }
    .college_content{
        width: n(582px);
        margin: auto;
        .college_order{
            padding-bottom: 3px;
            .coll_left{ 
                                             
                .yuan{
                    width: 29px;
                    height: 29px;
                    border-radius: 50%;
                    background: #898989;
                    display: inline-block;
                    float: left;
                }
                .kimin{
//                  vertical-align: middle;
                    float: left;
                    margin-left: 9px;
                    .kim_f{
                        font-size: 14px;
                        color: #cbcbcb;
                    }
                    .kim_t{
                        font-size: 9px;
                        color: #c5c5c5;
                        padding-bottom: 7.2px;
                    }
                      
                }
                .gaoduan{
                    font-size: n(24.8px);
                    color: #323232;
                    padding-left: 3px;
                }  
            }
            .coll_right{
                .yuyue{
                    font-size: 14px;
                    color: #fff;
                    background: $color;
                    text-align: center;
                    padding-top: 8px;
                    padding-bottom: 8px;
                    .yue_da{
                        width: n(25px);
                        height: n(25px);
                        line-height: n(25px);
                        border-radius: 50%;
                        color: $color;
                        background: #fff;
                        font-size: 16px;
                        margin: auto;
                        display: inline-block;
                        
                    }
                }
                span{
                    display: inline-block;
                    font-size: 8px;
                    color: #323232;
                }
            }
        }
        .qingxian{
            border-bottom: 1px solid #f1f1f1;;
            width: n(585px);
            padding-top: 5px;
            margin-bottom: 9px;
        }
        .college_bg{
            height: 216px;
            width: 100%;
            img{
                height: 216px;
            }
        }
    }
    .tearm{
        width: n(585px);
        margin: auto;
        height: 100%;
        .kong{
            margin-bottom: 10px;
            margin-top: 10px; 
            padding-bottom: 10px;           
            .tearm_people{ 
                height: 100%;              
                img{
                    height: 63px;                  
                }
            }
            .post_text{
                width: 229px;
                text-align: left;
                p{
                    font-size: 11px;
                    color: #ababab;
                }
                .post{
                    font-size: n(26.6px);
                    color: #b50007;
                    font-weight: bold;
                    border-bottom: 1px solid $color;
                }
            }
        }
    }
    .terrace{
        background: url(../img/terrace_bg.jpg) repeat center/120%;
        width: 100%;
        height: 100%;
        margin: auto;
        text-align: center;
        .yuandian{
            width: 100%;
            text-align: center;
            padding-top: n(25px);
            padding-bottom:38px ;
            span{
                display: inline-block;
            }
            .yuan_white{
                height: 10px;
                width: 10px;
                border-radius: 50%;
                border: 1px solid #B50007;
                margin-right: 20%;
            }
            .yuan_red{
                height: 10px;
                width: 10px;
                border-radius: 50%;
                background: #B50007;
                border: 1px solid #B50007;
            }
        }
        .work{
            width: n(585px);
            background: #fff;
            margin: auto;
            text-align: center;
            p{
                font-size: n(21.3px);
                padding-top:8px;
            }
            .work_red{
                background: $color;
                color: #fff;
                padding-top: n(15px);
                padding-bottom: n(15px);
            }
            ul{
                padding-top: 15px;
                padding-bottom: 20px;
                font-size: 8px;
                word-break: break-all;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 3;
                overflow: hidden;
                margin-bottom: 12px;
                li{                   
                    color: #6a6a6a;
                }
            }
        }
        .build{
            margin-top: 12px;
            width: 250px;
            background:#e3e3e3 ;
            border-radius:n(57px) ;
            height: n(57px);
            line-height: n(57px);
            margin: auto;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            margin-bottom: 15px; 
            .yuan_white{
                height: 10px;
                width: 10px;
                border-radius: 50%;
                border: 1px solid #B50007;
                display: inline-block; 
                              
            }
            p{
                padding-left: 15px;
                display: inline-block;
                font-size: n(24.9px);
            }
        }
        .small{
            padding-bottom: 30px;
            width: 100%;
            .yuan_red{
                background: $color;
            }
            span{    
                display: inline-block;           
                height: 5px;
                width: 5px;
                border-radius:50%;
                background: #fff;
                margin-right: 16px;
                border: 1px solid $color;
            }
        }
        .p_bottom{
            width: n(585px);
            margin: auto;
            font-size: n(21.3px);
            color: #1f1f1f;
            text-align: center;
            padding: 0 20px 20px 21px;
        }
    }
}
